.cop{
	font-weight: 800;
	margin: 10px 0px 20px 0px;
	color:#006316; /*warna teks copyright*/
}

.logo{
	padding:20px;
	font-size:24px;
	width: 100%;
	background-color: #fff;
	box-shadow: #b0b0b0 0px 0px 8px 0px !important;
}

.content{
	cursor: pointer;
	border-radius: 30px;
	border: 3px solid #006316;
	background-color:green;
}

.content:hover{
	font-weight: 800;
	-webkit-transform: scale(1.02); /*Efek Timbul*/
	transition: 0.3s cubic-bezier(0.63, -0.50, 0.22, 1.50);
	/*transform: translateY(-2px) scale(1.1); */
	border: 3px solid #ffff01;
	color:#ffff01 !important; /*efek teks pada judul bawah*/
	box-shadow: #ffff01 10px 10px 500px 0px !important; /*efek warna box judul bawah*/
}

.content:active{
    font-weight: 800;
	transform: translateY(-1px) scale(0.9); /*Efek Timbul Ketika Di Klik*/
	border: 3px solid #006316;
	color:#006316 !important; /*efek teks pada judul bawah*/
	box-shadow: #006316 10px 10px 500px 0px !important; /*efek warna box judul bawah Ketika Di Klik*/
}

.content-icon{
	/* margin: 5px; */
	width: 127%; /* mengatur ukuran gambar pada box*/
	height: 127%;
	margin-top: -20px;
	margin-left: -30px;
	margin-right: -30px;
}

div.content {
  box-shadow: #006316 5px 5px 10px 0px !important; /*efek warna box judul bawah kena kursor*/
  /* box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 10px 80px 0 rgba(0, 0, 0, 0.19); */
  text-align: center;
}

a { 	
	text-decoration:none;
 }